var equipBox = new Vue({
        el: "#box",
        data: {
            equipList: [],
            equipName:'',
            equipFunc:''
        },
        methods:{
            showCard:function(item){
                console.log(item.name);
                equipBox.equipName = item.name
                equipBox.equipFunc = item.func
                $("#card").removeClass("OutOrIn")
                $(".divShadow").removeClass("OutOrIn")
            },
            heidCard:function(){
                $("#card").addClass("OutOrIn")
                $(".divShadow").addClass("OutOrIn")
            },
            findShadow:function(){
                $("#shadow").addClass("active")
                $("#light").removeClass("active")
                axios.get('http://localhost:8080/LOL/shadow')
                    .then(function (data) {
                        equipBox.equipList = data.data
                    })
                    .catch(function (error) {
                        console.log(error);
                    });
            },
            findLight:function(){
                $("#light").addClass("active")
                $("#shadow").removeClass("active")
                axios.get('http://localhost:8080/LOL/light')
                    .then(function (data) {
                        equipBox.equipList = data.data
                    })
                    .catch(function (error) {
                        console.log(error);
                    });
            }
        },
        created(){
            axios.get('http://localhost:8080/LOL/light')
                    .then(function (data) {
                        equipBox.equipList = data.data
                    })
                    .catch(function (error) {
                        console.log(error);
                    });
        },
        mounted(){
           
        }
        
    })